<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head">


    <title>Demonstration how programatically select grid row which are not on the first page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <link rel="stylesheet" type="text/css" href="{{MEDIA_ROOT}}DataToMultiSelect2_files/jquery-ui.css">
    <!--<link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-3.7.2/src/css/ui.jqgrid.css" />
    <link rel="stylesheet" type="text/css" href="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-3.7.2/src/css/jquery.searchFilter.css" />-->
    <link rel="stylesheet" type="text/css" href="DataToMultiSelect2_files/ui.css">
    <script type="text/javascript" src="DataToMultiSelect2_files/jquery.js"></script>
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>-->
    <!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>-->
    <script type="text/javascript" src="DataToMultiSelect2_files/jquery-ui.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid_006.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid_004.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid_007.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid_003.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid_005.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid_002.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/jquery_002.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/jquery_003.js"></script>
    <script type="text/javascript" src="DataToMultiSelect2_files/grid.js"></script>
    <!--<script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-3.7.2/js/i18n/grid.locale-en.js"></script>
    <script type="text/javascript" src="http://www.ok-soft-gmbh.com/jqGrid/jquery.jqGrid-3.7.2/js/jquery.jqGrid.min.js"></script>-->
    <script type="text/javascript" src="DataToMultiSelect2_files/json2.js"></script>
    <script type="text/javascript">
    //<![CDATA[
        jQuery(document).ready(function () {
            var grid = $("#list10");

            grid.jqGrid({
                url: './DataToMultiSelect.txt',
                datatype: 'json',
                mtype: 'GET',
                loadonce: true,
                jsonReader: { repeatitems: false },
                colModel: [
                    { name: 'ID', key: true, width: 60, align: "center", hidden: false },
                    { name: 'Sigla', width: 80, sortable: false, hidden: false },
                    { name: 'Name', width: 180, sortable: false, hidden: false },
                    { name: 'Region', width: 180, sortable: false, hidden: false }
                ],
                rowNum: 10,
                rowList: [10, 20, 300],
                multiselect: true,
                pager: "#pager",
                viewrecords: true,
                gridview: true,
                rownumbers: true,
                height: 230,
                caption: 'Lista province'
            });

            $("#selectAll").click(function(){
                grid.jqGrid('resetSelection');
                var ids = grid.jqGrid('getDataIDs');
                for (var i=0, il=ids.length; i < il; i++) {
                    grid.jqGrid('setSelection',ids[i], true);
                }
            });

            $("#clear").click(function(){
                grid.jqGrid('resetSelection');
            });
            $("#getSelected").click(function(){
                var ids = grid.jqGrid('getGridParam','selarrrow');
                if (ids.length>0) {
                    var names = [];
                    for (var i=0, il=ids.length; i < il; i++) {
                        var name = grid.jqGrid('getCell', ids[i], 'Name');
                        names.push(name);
                    }
                    //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
                    $("#names").html(names.join(", "));
                    $("#dialog-confirm").dialog({
                        height:280,
                        modal:true,
                        buttons:{
                            'Cancel': function(){
                                $(this).dialog('close');
                            },
                            'Confirm': function(){
                                alert("Confirm");
                                //alert ("Names: " + names.join(", ") + "; ids: " + ids.join(", "));
                                /*$.ajax({
                                    type: "POST",
                                    url:  "/cpsb/unprocessedOrders.do",
                                    data: { method: "releaseTowics",
                                        orderNum: JSON.stringify(ids),
                                        names: JSON.stringify(names)
                                    },
                                    dataType: "json"
                                    success: function(msg){
                                        alert(msg);
                                    },
                                    error: function(res, status, exeption) {
                                        alert(res);
                                    }
                                });*/
                            }
                        }
                    });
                }
            });
        });
    //]]>
    </script>
<style type="text/css" charset="utf-8">/* See license.txt for terms of usage */
.firebugCanvas {
    position:fixed;
    top: 0;
    left: 0;
    display:none;
    border: 0 none;
    margin: 0;
    padding: 0;
    outline: 0;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 50% 50%;
}

.firebugCanvas:before, .firebugCanvas:after {
    content: "";
}

.firebugHighlight {
    z-index: 2147483646;
    position: fixed;
    background-color: #3875d7;
    opacity: 1;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
}

.firebugHighlight:before, .firebugHighlight:after {
    content: "";
}

.firebugLayoutBoxParent {
    z-index: 2147483646;
    position: fixed;
    background-color: transparent;
    border-top: 0 none;
    border-right: 1px dashed #E00 !important;
    border-bottom: 1px dashed #E00 !important;
    border-left: 0 none;
    margin: 0;
    padding: 0;
    outline: 0;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 50% 50%;
}

.firebugRuler {
    position: absolute;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
    opacity: 1;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 50% 50%;
}

.firebugRuler:before, .firebugRuler:after {
    content: "";
}

.firebugRulerH {
    top: -15px;
    left: 0;
    width: 100%;
    height: 14px;
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%13%88%00%00%00%0E%08%02%00%00%00L%25a%0A%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04%F8IDATx%DA%EC%DD%D1n%E2%3A%00E%D1%80%F8%FF%EF%E2%AF2%95%D0D4%0E%C1%14%B0%8Fa-%E9%3E%CC%9C%87n%B9%81%A6W0%1C%A6i%9A%E7y%0As8%1CT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AATE9%FE%FCw%3E%9F%AF%2B%2F%BA%97%FDT%1D~K(%5C%9D%D5%EA%1B%5C%86%B5%A9%BDU%B5y%80%ED%AB*%03%FAV9%AB%E1%CEj%E7%82%EF%FB%18%BC%AEJ8%AB%FA'%D2%BEU9%D7U%ECc0%E1%A2r%5DynwVi%CFW%7F%BB%17%7Dy%EACU%CD%0E%F0%FA%3BX%FEbV%FEM%9B%2B%AD%BE%AA%E5%95v%AB%AA%E3E5%DCu%15rV9%07%B5%7F%B5w%FCm%BA%BE%AA%FBY%3D%14%F0%EE%C7%60%0EU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5JU%88%D3%F5%1F%AE%DF%3B%1B%F2%3E%DAUCNa%F92%D02%AC%7Dm%F9%3A%D4%F2%8B6%AE*%BF%5C%C2Ym~9g5%D0Y%95%17%7C%C8c%B0%7C%18%26%9CU%CD%13i%F7%AA%90%B3Z%7D%95%B4%C7%60%E6E%B5%BC%05%B4%FBY%95U%9E%DB%FD%1C%FC%E0%9F%83%7F%BE%17%7DkjMU%E3%03%AC%7CWj%DF%83%9An%BCG%AE%F1%95%96yQ%0Dq%5Dy%00%3Et%B5'%FC6%5DS%95pV%95%01%81%FF'%07%00%00%00%00%00%00%00%00%00%F8x%C7%F0%BE%9COp%5D%C9%7C%AD%E7%E6%EBV%FB%1E%E0(%07%E5%AC%C6%3A%ABi%9C%8F%C6%0E9%AB%C0'%D2%8E%9F%F99%D0E%B5%99%14%F5%0D%CD%7F%24%C6%DEH%B8%E9rV%DFs%DB%D0%F7%00k%FE%1D%84%84%83J%B8%E3%BA%FB%EF%20%84%1C%D7%AD%B0%8E%D7U%C8Y%05%1E%D4t%EF%AD%95Q%BF8w%BF%E9%0A%BF%EB%03%00%00%00%00%00%00%00%00%00%B8vJ%8E%BB%F5%B1u%8Cx%80%E1o%5E%CA9%AB%CB%CB%8E%03%DF%1D%B7T%25%9C%D5(%EFJM8%AB%CC'%D2%B2*%A4s%E7c6%FB%3E%FA%A2%1E%80~%0E%3E%DA%10x%5D%95Uig%15u%15%ED%7C%14%B6%87%A1%3B%FCo8%A8%D8o%D3%ADO%01%EDx%83%1A~%1B%9FpP%A3%DC%C6'%9C%95gK%00%00%00%00%00%00%00%00%00%20%D9%C9%11%D0%C0%40%AF%3F%EE%EE%92%94%D6%16X%B5%BCMH%15%2F%BF%D4%A7%C87%F1%8E%F2%81%AE%AAvzr%DA2%ABV%17%7C%E63%83%E7I%DC%C6%0Bs%1B%EF6%1E%00%00%00%00%00%00%00%00%00%80cr%9CW%FF%7F%C6%01%0E%F1%CE%A5%84%B3%CA%BC%E0%CB%AA%84%CE%F9%BF)%EC%13%08WU%AE%AB%B1%AE%2BO%EC%8E%CBYe%FE%8CN%ABr%5Dy%60~%CFA%0D%F4%AE%D4%BE%C75%CA%EDVB%EA(%B7%F1%09g%E5%D9%12%00%00%00%00%00%00%00%00%00H%F6%EB%13S%E7y%5E%5E%FB%98%F0%22%D1%B2'%A7%F0%92%B1%BC%24z3%AC%7Dm%60%D5%92%B4%7CEUO%5E%F0%AA*%3BU%B9%AE%3E%A0j%94%07%A0%C7%A0%AB%FD%B5%3F%A0%F7%03T%3Dy%D7%F7%D6%D4%C0%AAU%D2%E6%DFt%3F%A8%CC%AA%F2%86%B9%D7%F5%1F%18%E6%01%F8%CC%D5%9E%F0%F3z%88%AA%90%EF%20%00%00%00%00%00%00%00%00%00%C0%A6%D3%EA%CFi%AFb%2C%7BB%0A%2B%C3%1A%D7%06V%D5%07%A8r%5D%3D%D9%A6%CAu%F5%25%CF%A2%99%97zNX%60%95%AB%5DUZ%D5%FBR%03%AB%1C%D4k%9F%3F%BB%5C%FF%81a%AE%AB'%7F%F3%EA%FE%F3z%94%AA%D8%DF%5B%01%00%00%00%00%00%00%00%00%00%8E%FB%F3%F2%B1%1B%8DWU%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*UiU%C7%BBe%E7%F3%B9%CB%AAJ%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5J%95*U%AAT%A9R%A5*%AAj%FD%C6%D4%5Eo%90%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5%86%AF%1B%9F%98%DA%EBm%BBV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%ADV%AB%D5j%B5Z%AD%D6%E4%F58%01%00%00%00%00%00%00%00%00%00%00%00%00%00%40%85%7F%02%0C%008%C2%D0H%16j%8FX%00%00%00%00IEND%AEB%60%82") repeat-x;
    border-top: 1px solid #BBBBBB;
    border-right: 1px dashed #BBBBBB;
    border-bottom: 1px solid #000000;
}

.firebugRulerV {
    top: 0;
    left: -15px;
    width: 14px;
    height: 100%;
    background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%0E%00%00%13%88%08%02%00%00%00%0E%F5%CB%10%00%00%00%04gAMA%00%00%D6%D8%D4OX2%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%06~IDATx%DA%EC%DD%D1v%A20%14%40Qt%F1%FF%FF%E4%97%D9%07%3BT%19%92%DC%40(%90%EEy%9A5%CB%B6%E8%F6%9Ac%A4%CC0%84%FF%DC%9E%CF%E7%E3%F1%88%DE4%F8%5D%C7%9F%2F%BA%DD%5E%7FI%7D%F18%DDn%BA%C5%FB%DF%97%BFk%F2%10%FF%FD%B4%F2M%A7%FB%FD%FD%B3%22%07p%8F%3F%AE%E3%F4S%8A%8F%40%EEq%9D%BE8D%F0%0EY%A1Uq%B7%EA%1F%81%88V%E8X%3F%B4%CEy%B7h%D1%A2E%EBohU%FC%D9%AF2fO%8BBeD%BE%F7X%0C%97%A4%D6b7%2Ck%A5%12%E3%9B%60v%B7r%C7%1AI%8C%BD%2B%23r%00c0%B2v%9B%AD%CA%26%0C%1Ek%05A%FD%93%D0%2B%A1u%8B%16-%95q%5Ce%DCSO%8E%E4M%23%8B%F7%C2%FE%40%BB%BD%8C%FC%8A%B5V%EBu%40%F9%3B%A72%FA%AE%8C%D4%01%CC%B5%DA%13%9CB%AB%E2I%18%24%B0n%A9%0CZ*Ce%9C%A22%8E%D8NJ%1E%EB%FF%8F%AE%CAP%19*%C3%BAEKe%AC%D1%AAX%8C*%DEH%8F%C5W%A1e%AD%D4%B7%5C%5B%19%C5%DB%0D%EF%9F%19%1D%7B%5E%86%BD%0C%95%A12%AC%5B*%83%96%CAP%19%F62T%86%CAP%19*%83%96%CA%B8Xe%BC%FE)T%19%A1%17xg%7F%DA%CBP%19*%C3%BA%A52T%86%CAP%19%F62T%86%CA%B0n%A9%0CZ%1DV%C6%3D%F3%FCH%DE%B4%B8~%7F%5CZc%F1%D6%1F%AF%84%F9%0F6%E6%EBVt9%0E~%BEr%AF%23%B0%97%A12T%86%CAP%19%B4T%86%CA%B8Re%D8%CBP%19*%C3%BA%A52huX%19%AE%CA%E5%BC%0C%7B%19*CeX%B7h%A9%0C%95%E1%BC%0C%7B%19*CeX%B7T%06%AD%CB%5E%95%2B%BF.%8F%C5%97%D5%E4%7B%EE%82%D6%FB%CF-%9C%FD%B9%CF%3By%7B%19%F62T%86%CA%B0n%D1R%19*%A3%D3%CA%B0%97%A12T%86uKe%D0%EA%B02*%3F1%99%5DB%2B%A4%B5%F8%3A%7C%BA%2B%8Co%7D%5C%EDe%A8%0C%95a%DDR%19%B4T%C66%82fA%B2%ED%DA%9FC%FC%17GZ%06%C9%E1%B3%E5%2C%1A%9FoiB%EB%96%CA%A0%D5qe4%7B%7D%FD%85%F7%5B%ED_%E0s%07%F0k%951%ECr%0D%B5C%D7-g%D1%A8%0C%EB%96%CA%A0%A52T%C6)*%C3%5E%86%CAP%19%D6-%95A%EB*%95q%F8%BB%E3%F9%AB%F6%E21%ACZ%B7%22%B7%9B%3F%02%85%CB%A2%5B%B7%BA%5E%B7%9C%97%E1%BC%0C%EB%16-%95%A12z%AC%0C%BFc%A22T%86uKe%D0%EA%B02V%DD%AD%8A%2B%8CWhe%5E%AF%CF%F5%3B%26%CE%CBh%5C%19%CE%CB%B0%F3%A4%095%A1%CAP%19*Ce%A8%0C%3BO*Ce%A8%0C%95%A12%3A%AD%8C%0A%82%7B%F0v%1F%2FD%A9%5B%9F%EE%EA%26%AF%03%CA%DF9%7B%19*Ce%A8%0C%95%A12T%86%CA%B8Ze%D8%CBP%19*Ce%A8%0C%95%D1ae%EC%F7%89I%E1%B4%D7M%D7P%8BjU%5C%BB%3E%F2%20%D8%CBP%19*Ce%A8%0C%95%A12T%C6%D5*%C3%5E%86%CAP%19*Ce%B4O%07%7B%F0W%7Bw%1C%7C%1A%8C%B3%3B%D1%EE%AA%5C%D6-%EBV%83%80%5E%D0%CA%10%5CU%2BD%E07YU%86%CAP%19*%E3%9A%95%91%D9%A0%C8%AD%5B%EDv%9E%82%FFKOee%E4%8FUe%A8%0C%95%A12T%C6%1F%A9%8C%C8%3D%5B%A5%15%FD%14%22r%E7B%9F%17l%F8%BF%ED%EAf%2B%7F%CF%ECe%D8%CBP%19*Ce%A8%0C%95%E1%93~%7B%19%F62T%86%CAP%19*Ce%A8%0C%E7%13%DA%CBP%19*Ce%A8%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4h%A9%0C%B3E%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%A9%0CZf%8B%16-Z%B4h%D1R%19f%8B%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1R%19%B4%CC%16-Z%B4h%D1%A2%A52%CC%16-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2%A52h%99-Z%B4h%D1%A2EKe%98-Z%B4h%D1%A2EKe%D02%5B%B4h%D1%A2EKe%D02%5B%B4h%D1%A2E%8B%96%CA0%5B%B4h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%96%CA%A0e%B6h%D1%A2E%8B%16-%95a%B6h%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-%95A%CBl%D1%A2E%8B%16-Z*%C3l%D1%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z*%83%96%D9%A2E%8B%16-Z%B4T%86%D9%A2E%8B%16-Z%B4T%06-%B3E%8B%16-Z%B4%AE%A4%F5%25%C0%00%DE%BF%5C'%0F%DA%B8q%00%00%00%00IEND%AEB%60%82") repeat-y;
    border-left: 1px solid #BBBBBB;
    border-right: 1px solid #000000;
    border-bottom: 1px dashed #BBBBBB;
}

.overflowRulerX > .firebugRulerV {
    left: 0;
}

.overflowRulerY > .firebugRulerH {
    top: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.firebugLayoutBox {
    margin: 0;
    padding: 0;
    border: 0 none;
    opacity: 1;
    outline: 0;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 50% 50%;
}

.firebugLayoutBox:before, .firebugLayoutBox:after {
    content: "";
}

.firebugLayoutBoxOffset {
    z-index: 2147483646;
    position: fixed;
    opacity: 0.8;
}

.firebugLayoutBoxMargin {
    background-color: #EDFF64;
}

.firebugLayoutBoxBorder {
    background-color: #666666;
}

.firebugLayoutBoxPadding {
    background-color: SlateBlue;
}

.firebugLayoutBoxContent {
    background-color: SkyBlue;
}

.firebugLayoutLine {
    z-index: 2147483646;
    background-color: #000000;
    opacity: 0.4;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    -moz-transform: rotate(0deg);
    -moz-transform-origin: 50% 50%;
}

.firebugLayoutLine:before, .firebugLayoutLine:after {
    content: "";
}

.firebugLayoutLineLeft, .firebugLayoutLineRight {
    position: fixed;
    width: 1px;
    height: 100%;
}

.firebugLayoutLineTop, .firebugLayoutLineBottom {
    position: fixed;
    width: 100%;
    height: 1px;
}

.firebugLayoutLineTop {
    margin-top: -1px;
    border-top: 1px solid #999999;
}

.firebugLayoutLineRight {
    border-right: 1px solid #999999;
}

.firebugLayoutLineBottom {
    border-bottom: 1px solid #999999;
}

.firebugLayoutLineLeft {
    margin-left: -1px;
    border-left: 1px solid #999999;
}

.fbProxyElement {
    position: absolute;
    background-color: transparent;
    z-index: 2147483646;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0 none;
}
</style></head><body>
	<a href="{% url upload %}">home</a> - <a href="{% url report %}">Report</a>
	
<fieldset>
<input id="getSelected" value="Get Selected" type="button">
<input id="selectAll" value="Select All" type="button">
<input id="clear" value="Clear Selection" type="button">
</fieldset>
<div style="width: 545px;" dir="ltr" id="gbox_list10" class="ui-jqgrid ui-widget ui-widget-content ui-corner-all"><div class="ui-widget-overlay jqgrid-overlay" id="lui_list10"></div><div style="display: none;" class="loading ui-state-default ui-state-active" id="load_list10">Loading...</div><div style="width: 545px;" id="gview_list10" class="ui-jqgrid-view"><div class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix"><a style="right: 0px;" class="ui-jqgrid-titlebar-close HeaderButton" role="link" href="javascript:void(0)"><span class="ui-icon ui-icon-circle-triangle-n"></span></a><span class="ui-jqgrid-title">Lista province</span></div><div class="ui-state-default ui-jqgrid-hdiv" style="width: 545px;"><div class="ui-jqgrid-hbox"><table class="ui-jqgrid-htable" style="width: 527px;" role="grid" aria-labelledby="gbox_list10" border="0" cellpadding="0" cellspacing="0"><thead><tr class="ui-jqgrid-labels" role="rowheader"><th style="width: 25px;" id="list10_rn" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div id="jqgh_rn"><span class="s-ico" style="display: none;"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 20px;" id="list10_cb" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><div id="jqgh_cb"><input role="checkbox" id="cb_list10" class="cbox" type="checkbox"><span class="s-ico" style="display: none;"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 54px;" id="list10_ID" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr">&nbsp;</span><div class="ui-jqgrid-sortable" id="jqgh_ID">ID<span class="s-ico" style="display: none;"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 72px;" id="list10_Sigla" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr">&nbsp;</span><div class="ui-jqgrid-sortable" id="jqgh_Sigla">Sigla<span class="s-ico" style="display: none;"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 163px;" id="list10_Name" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr">&nbsp;</span><div class="ui-jqgrid-sortable" id="jqgh_Name">Name<span class="s-ico" style="display: none;"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th><th style="width: 163px;" id="list10_Region" role="columnheader" class="ui-state-default ui-th-column ui-th-ltr"><span style="cursor: col-resize;" class="ui-jqgrid-resize ui-jqgrid-resize-ltr">&nbsp;</span><div class="ui-jqgrid-sortable" id="jqgh_Region">Region<span class="s-ico" style="display: none;"><span sort="asc" class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"></span><span sort="desc" class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"></span></span></div></th></tr></thead></table></div></div><div style="height: 230px; width: 545px;" class="ui-jqgrid-bdiv"><div style="position: relative;"><div></div><table style="width: 527px;" class="ui-jqgrid-btable" aria-labelledby="gbox_list10" aria-multiselectable="true" role="grid" id="list10" border="0" cellpadding="0" cellspacing="0"><tbody><tr id="1" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center; width: 25px;" aria-describedby="list10_rn">1</td><td role="gridcell" style="text-align: center; width: 20px;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_1" class="cbox" name="jqg_1" type="checkbox"></td><td role="gridcell" style="text-align: center; width: 54px;" title="1" aria-describedby="list10_ID">1</td><td role="gridcell" style="width: 72px;" title="AG" aria-describedby="list10_Sigla">AG</td><td role="gridcell" style="width: 163px;" title="Agrigento" aria-describedby="list10_Name">Agrigento</td><td role="gridcell" style="width: 163px;" title="Sicilia" aria-describedby="list10_Region">Sicilia</td></tr><tr id="2" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">2</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_2" class="cbox" name="jqg_2" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="2" aria-describedby="list10_ID">2</td><td role="gridcell" style="" title="AL" aria-describedby="list10_Sigla">AL</td><td role="gridcell" style="" title="Alessandria" aria-describedby="list10_Name">Alessandria</td><td role="gridcell" style="" title="Piemonte" aria-describedby="list10_Region">Piemonte</td></tr><tr id="3" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">3</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_3" class="cbox" name="jqg_3" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="3" aria-describedby="list10_ID">3</td><td role="gridcell" style="" title="AN" aria-describedby="list10_Sigla">AN</td><td role="gridcell" style="" title="Ancona" aria-describedby="list10_Name">Ancona</td><td role="gridcell" style="" title="Lombardia" aria-describedby="list10_Region">Lombardia</td></tr><tr id="4" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">4</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_4" class="cbox" name="jqg_4" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="4" aria-describedby="list10_ID">4</td><td role="gridcell" style="" title="AO" aria-describedby="list10_Sigla">AO</td><td role="gridcell" style="" title="Aosta" aria-describedby="list10_Name">Aosta</td><td role="gridcell" style="" title="Valle d'Aosta" aria-describedby="list10_Region">Valle d'Aosta</td></tr><tr id="5" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">5</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_5" class="cbox" name="jqg_5" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="5" aria-describedby="list10_ID">5</td><td role="gridcell" style="" title="AR" aria-describedby="list10_Sigla">AR</td><td role="gridcell" style="" title="Arezzo" aria-describedby="list10_Name">Arezzo</td><td role="gridcell" style="" title="Toscana" aria-describedby="list10_Region">Toscana</td></tr><tr id="6" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">6</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_6" class="cbox" name="jqg_6" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="6" aria-describedby="list10_ID">6</td><td role="gridcell" style="" title="AP" aria-describedby="list10_Sigla">AP</td><td role="gridcell" style="" title="Ascoli Piceno" aria-describedby="list10_Name">Ascoli Piceno</td><td role="gridcell" style="" title="Lombardia" aria-describedby="list10_Region">Lombardia</td></tr><tr id="7" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">7</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_7" class="cbox" name="jqg_7" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="7" aria-describedby="list10_ID">7</td><td role="gridcell" style="" title="AT" aria-describedby="list10_Sigla">AT</td><td role="gridcell" style="" title="Asti" aria-describedby="list10_Name">Asti</td><td role="gridcell" style="" title="Piemonte" aria-describedby="list10_Region">Piemonte</td></tr><tr id="8" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">8</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_8" class="cbox" name="jqg_8" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="8" aria-describedby="list10_ID">8</td><td role="gridcell" style="" title="AV" aria-describedby="list10_Sigla">AV</td><td role="gridcell" style="" title="Avellino" aria-describedby="list10_Name">Avellino</td><td role="gridcell" style="" title="Campania" aria-describedby="list10_Region">Campania</td></tr><tr id="9" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">9</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_9" class="cbox" name="jqg_9" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="9" aria-describedby="list10_ID">9</td><td role="gridcell" style="" title="BA" aria-describedby="list10_Sigla">BA</td><td role="gridcell" style="" title="Bari" aria-describedby="list10_Name">Bari</td><td role="gridcell" style="" title="Puglia" aria-describedby="list10_Region">Puglia</td></tr><tr id="10" role="row" class="ui-widget-content jqgrow ui-row-ltr"><td role="gridcell" class="ui-state-default jqgrid-rownum" style="text-align: center;" aria-describedby="list10_rn">10</td><td role="gridcell" style="text-align: center;" aria-describedby="list10_cb"><input role="checkbox" id="jqg_10" class="cbox" name="jqg_10" type="checkbox"></td><td role="gridcell" style="text-align: center;" title="10" aria-describedby="list10_ID">10</td><td role="gridcell" style="" title="BL" aria-describedby="list10_Sigla">BL</td><td role="gridcell" style="" title="Belluno" aria-describedby="list10_Name">Belluno</td><td role="gridcell" style="" title="Veneto" aria-describedby="list10_Region">Veneto</td></tr></tbody><tbody></tbody></table></div></div></div><div class="ui-jqgrid-resize-mark" id="rs_mlist10">&nbsp;</div><div dir="ltr" class="ui-state-default ui-jqgrid-pager ui-corner-bottom" style="width: 545px;" id="pager">

<div style="display: none;" id="dialog-confirm" title="Confirm">
<p><span class="ui-icon-alert" style="float: left; margin: 0pt 7px 20px 0pt;"></span>Are you sure want send this names:</p><p><span id="names"></span></p>
</div>

<div id="pg_pager" class="ui-pager-control" role="group"><table class="ui-pg-table" style="width: 100%; table-layout: fixed;" role="row" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td id="pager_left" align="left"></td><td id="pager_center" style="white-space: pre; width: 256px;" align="center"><table style="table-layout: auto;" class="ui-pg-table" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td id="first" class="ui-pg-button ui-corner-all ui-state-disabled"><span class="ui-icon ui-icon-seek-first"></span></td><td id="prev" class="ui-pg-button ui-corner-all ui-state-disabled"><span class="ui-icon ui-icon-seek-prev"></span></td><td class="ui-pg-button ui-state-disabled" style="width: 4px;"><span class="ui-separator"></span></td><td dir="ltr">Page <input class="ui-pg-input" size="2" maxlength="7" value="1" role="textbox" type="text"> of <span id="sp_1">11</span></td><td class="ui-pg-button ui-state-disabled" style="width: 4px;"><span class="ui-separator"></span></td><td id="next" class="ui-pg-button ui-corner-all"><span class="ui-icon ui-icon-seek-next"></span></td><td id="last" class="ui-pg-button ui-corner-all"><span class="ui-icon ui-icon-seek-end"></span></td><td dir="ltr"><select class="ui-pg-selbox" role="listbox"><option role="option" value="10" selected="selected">10</option><option role="option" value="20">20</option><option role="option" value="300">300</option></select></td></tr></tbody></table></td><td id="pager_right" align="right"><div dir="ltr" style="text-align: right;" class="ui-paging-info">View 1 - 10 of 107</div></td></tr></tbody></table></div></div></div>

<img src="{{ MEDIA_ROOT }}media/logo.jpg" />

</body></html>